<template>
  <div class="topBtnWrap">
    <mt-button class="cancel" @click="$emit('cancel')">取消</mt-button>
    <mt-button class="sure" @click="$emit('confirm')">确定</mt-button>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {}
};
</script>

<style lang="less" scoped>
.topBtnWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  height: 0.9rem;
  background-color: #eee;
  padding: 0.15rem 0.2rem;
  box-sizing: border-box;
  .cancel {
    width: 1.6rem;
    height: 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.6rem;
    border-radius: 0.1rem;
    background-color: #fff;
    color: #4e4e4e;
    float: left;
    border: 1px solid #afafaf;
  }
  .sure {
    border-radius: 0.1rem;
    background-color: #78bfff;
    border: 1px solid #78bfff;
    color: #fff;
    float: right;
    width: 1.6rem;
    height: 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.6rem;
  }
}
</style>
